@import "tailwindcss";
@reference "../../../app/globals.css";

.my-button{
  @apply h-[40px] px-4 rounded-button-rounded md:rounded-button-rounded-md hover:!cursor-pointer hover:!brightness-95 active:!brightness-90 bg-transparent;
}
.my-button a{
  @apply text-inherit;
}
.my-button.primary{
  @apply bg-primary text-white;
}
.my-button.outline{
  @apply border border-primary text-primary;
}
.my-button.secondary{
  @apply bg-secondary text-secondary-foreground;
}
.my-button.ghost{
  @apply bg-transparent text-primary;
}
.my-button.link{
  @apply bg-transparent text-primary;
}
.my-button.small{
  @apply h-[32px] px-3;
}
.my-button.large{
  @apply h-[48px] px-6;
}